<template>
  <view class="wallet-warpper">
    <view class="wallet">
      <view class="wallet-item">
        <view class="wallet-item-left">类目</view>
        <view class="wallet-item-right green">洗发水</view>
      </view>
      <view class="wallet-item">
        <view class="wallet-item-left">类目</view>
        <view class="wallet-item-right">洗发水</view>
      </view>
    </view>
  </view>
</template>

<script setup>

</script>


<style scoped lang="scss">
  .wallet-warpper {
    margin-bottom: 22rpx;
    padding: 0 30rpx;
    border-radius: 20rpx;

    .wallet {
      background: #1E1E1E;
      padding: 15rpx 30rpx;

      .wallet-item {
        display: flex;
        justify-content: space-between;
        font-size: 24rpx;
        padding: 15rpx 0;

        .wallet-item-left {
          color: #868686;
        }

        .wallet-item-right {
          color: #EEEEEE;
        }
      }
    }
  }
</style>
